<template>
  <b-carousel
    id="carousel-fade"
    style="text-shadow: 0px 0px 2px #000"
    fade
    indicators
    img-width="275"
    img-height="172"
  >
    <b-carousel-slide
      v-for="(file, index) in imgList"
      :key="index"
      :img-src="file"
    />
  </b-carousel>
</template>

<script>
import banner1 from "~/assets/img/banner1.jpg";
import banner2 from "~/assets/img/banner2.jpg";
export default {
  name: "AnCarousel",
  data() {
    return {
      imgList: [banner1, banner2]
    };
  }
};
</script>

<style scoped></style>
